<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta content="李瑞豪,RUI豪小栈,李瑞豪的个人网站" name="keywords">
  <meta content="一个好奇有趣的网站（李瑞豪收集的一些有趣的网页源码或者游戏，以及一些个人分享等）" name="description">
  <meta content="李瑞豪" name="author">
  <!--<script type="text/javascript">
    var path = window.location.pathname;
    //alert(path);
    if (path=='/rui-site/') {
      window.location.replace("https://www.lruihao.cn");
    }
  </script>-->

  <meta name="viewport" content="width=device-width,initial-scale=0.5" />
  <!--<script src="https://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js"></script>-->
  <!--<meta http-equiv="refresh" content="300;url=https://lruihao.cn">-->
  <title>RUI豪小栈</title>
  <link rel="icon" href="https://ziyuan.lruihao.cn/images/heart.png" type="image/x-icon"/>
  <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
  <link rel="stylesheet" href="https://ziyuan.lruihao.cn/css/normalize.css"/>
  <link rel="stylesheet" href="games/css/button.min.css" />
  <link rel="stylesheet" href="https://ziyuan.lruihao.cn/css/asidenav.css"/>
  <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  <script type="text/javascript" src="js/baidu_push.js"></script>
  <script type="text/javascript" src="https://ziyuan.lruihao.cn/js/snowfall.jquery.js"></script>
  <link rel="stylesheet" href="https://ziyuan.lruihao.cn/css/style.css" media="screen" type="text/css" />
  <style type="text/css">
    /*字体*/
    @font-face {
        font-family: STLT;
        src: url("font/STLITI.TTF");
    }
    /*鼠标*/
    * {
        cursor: url(images/default.cur),auto;
      }
    :active {
        cursor: url(images/pointer.cur),auto;
      }
    :link {
        cursor: url(images/pointer.cur),auto;
      }
  </style>
  

</head>
<body style="overflow: hidden;">

<a href="https://github.com/lruihao/lab" target="_blank" title="Fork me on GitHub !" class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; left: 0; transform: scale(-1, 1);" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a>

<div class="cover"></div>
<canvas class="canvas"></canvas>
<div class="help"><img src="images/logo.png" /></div> 
<div class="ui">
  <input class="ui-input" type="text" />
  <span class="ui-return">↵</span>
</div>


<div class="overlay">
  <div class="tabs">
    <a href="/lab/"><div class="head">RUI豪小栈</div></a>
    <br><br>
    <center><font face=STLT><span id="timeDate" title="小栈已运行">载入天数...</span><span id="times" title="小栈已运行">载入时分秒...</span></font></center>
    <div class="ui-moods">
        <script type="text/javascript" src="https://api.imjad.cn/hitokoto/?cat=&charset=utf-8&length=50&encode=js&fun=sync&source="></script>
		    <div id="hitokoto">
      	  	<script>hitokoto()</script>
      	</div>
    </div>
    <div class="tabs-labels"><span class="tabs-label">Info</span><span class="tabs-label">Commands</span><span class="tabs-label">Share</span><span class="tabs-label">Host</span><span class="tabs-label">Reward</span><span class="tabs-label">More</span></div>
    
    <div class="tabs-panels">
        
      <div class="tabs-panel ui-details" style="background-image: linear-gradient(135deg, #A8E6CF 0%, #FFD3B6 77%);">
        <div class="ui-info-content">
        	<font face=STLT>&emsp;&emsp;The most sad thing is you don’t even know what you are upset about. Negative energy bursting for no reason.You just work hard ,The rest is given to God's will.Come on!</font>
        </div>
        <p style="font-family: STLT;" align="center">
          <i class="fa fa-user"></i>&nbsp;<span id="busuanzi_value_site_uv"></span>&emsp;<i class="fa fa-eye"></i>&nbsp;<span id="busuanzi_value_site_pv"></span>
        </p>
      </div>
      
      <ul class="tabs-panel commands">
        <li class="commands-item" style="background-image: linear-gradient(135deg, #A8E6CF 0%, #FFD3B6 77%);"><span class="commands-item-title">Text</span><span class="commands-item-info" data-demo="Hello guys:)">Type anything</span><span class="commands-item-action">Demo</span></li>
        <li class="commands-item" style="background-image: linear-gradient(228deg, #A8E6CF 0%, #FFD3B6 77%);"><span class="commands-item-title">Countdown</span><span class="commands-item-info" data-demo="#countdown 10">#countdown<span class="commands-item-mode">number</span></span><span class="commands-item-action">Demo</span></li>
        <li class="commands-item" style="background-image: linear-gradient(135deg, #A8E6CF 0%, #FFD3B6 77%);"><span class="commands-item-title">Time</span><span class="commands-item-info" data-demo="#time">#time</span><span class="commands-item-action">Demo</span></li>
        <li class="commands-item" style="background-image: linear-gradient(228deg, #A8E6CF 0%, #FFD3B6 77%);"><span class="commands-item-title">Rectangle</span><span class="commands-item-info" data-demo="#rectangle 30x15">#rectangle<span class="commands-item-mode">width x height</span></span><span class="commands-item-action">Demo</span></li>
        <li class="commands-item" style="background-image: linear-gradient(135deg, #A8E6CF 0%, #FFD3B6 77%);"><span class="commands-item-title">Circle</span><span class="commands-item-info" data-demo="#circle 25">#circle<span class="commands-item-mode">diameter</span></span><span class="commands-item-action">Demo</span></li>
        <li class="commands-item commands-item--gap" style="background-image: linear-gradient(228deg, #A8E6CF 0%, #FFD3B6 77%);"><span class="commands-item-title">Animate</span><span class="commands-item-info" data-demo="The time is|#time|countdown 3s|#countdown 3|#icon thumbs-up"><span class="commands-item-mode">command1</span>&nbsp;|<span class="commands-item-mode">command2</span></span><span class="commands-item-action">Demo</span></li>
      </ul>

      <div class="tabs-panel ui-share" style="background-image: linear-gradient(135deg, #A8E6CF 0%, #FFD3B6 77%);">
        <div class="ui-share-content">
          <p>
            <div class="svg-wrapper">
              <svg height="40" width="110" xmlns="https://www.w3.org/2000/svg">
                <rect id="shape" height="40" width="110" />
                <div id="text">
                  <a href="https://player.lruihao.cn" style="color: black;font-weight: bold;" target="_blank" title="H5悬窗音乐播放器"><span class="spot"></span>宅音乐</a>
                </div>
              </svg>
            </div>
            <div class="svg-wrapper">
              <svg height="40" width="110" xmlns="https://www.w3.org/2000/svg">
                <rect id="shape" height="40" width="110" />
                <div id="text">
                  <a href="https://img.lruihao.cn" style="color: black;font-weight: bold;" target="_blank" title="基于ImgURL图床搭建"><span class="spot"></span>图床</a>
                </div>
              </svg>
            </div>
            <div class="svg-wrapper">
              <svg height="40" width="110" xmlns="https://www.w3.org/2000/svg">
                <rect id="shape" height="40" width="110" />
                <div id="text">
                  <a href="/games" style="color: black;font-weight: bold;" target="_blank" title="回忆回忆4399的感觉"><span class="spot"></span>游戏馆</a>
                </div>
              </svg>
            </div>
            <div class="svg-wrapper">
              <svg height="40" width="110" xmlns="https://www.w3.org/2000/svg">
                <rect id="shape" height="40" width="110" />
                <div id="text">
                  <a href="https://pan.lruihao.cn" style="color: black;font-weight: bold;" target="_blank" title="私人云盘，个人日常学习使用足矣！"><span class="spot"></span>LRHCloud</a>
                </div>
              </svg>
            </div>
            <div class="svg-wrapper">
              <svg height="40" width="110" xmlns="https://www.w3.org/2000/svg">
                <rect id="shape" height="40" width="110" />
                <div id="text">
                  <a href="/bg" style="color: black;font-weight: bold;" target="_blank" title="效率桌面壁纸在线生成"><span class="spot"></span>效率桌面</a>
                </div>
              </svg>
            </div>
            <div class="svg-wrapper">
              <svg height="40" width="110" xmlns="https://www.w3.org/2000/svg">
                <rect id="shape" height="40" width="110" />
                <div id="text">
                  <a href="/wxmd" style="color: black;font-weight: bold;" target="_blank" title="一款简单易用的微信公众号格式化工具，主要针对代码做格式化处理。"><span class="spot"></span>微信公众号工具</a>
                </div>
              </svg>
            </div>
            <div class="svg-wrapper">
              <svg height="40" width="110" xmlns="https://www.w3.org/2000/svg">
                <rect id="shape" height="40" width="110" />
                <div id="text">
                  <a href="https://lruihao.cn/posts/font-mmt.html" style="color: black;font-weight: bold;" target="_blank" title="沐目之，湘也。一款纯手写一年多的手写体字体，共6886个字"><span class="spot"></span>沐目体</a>
                </div>
              </svg>
            </div>
            <div class="svg-wrapper">
              <svg height="40" width="110" xmlns="https://www.w3.org/2000/svg">
                <rect id="shape" height="40" width="110" />
                <div id="text">
                  <a href="https://lruihao.cn/posts/fas-app.html" style="color: black;font-weight: bold;" target="_blank" title="博採眾長app,谁下谁知道！"><span class="spot"></span>博客app</a>
                </div>
              </svg>
            </div>
            <div class="svg-wrapper">
              <svg height="40" width="110" xmlns="https://www.w3.org/2000/svg">
                <rect id="shape" height="40" width="110" />
                <div id="text">
                  <a href="https://lruihao.cn/posts/links.html" style="color: black;font-weight: bold;" target="_blank" title="lruihao.cn-学习记录，个人技术等"><span class="spot"></span>更多分享</a>
                </div>
              </svg>
            </div>
          </p>
        </div>
      </div>
      
      <div class="tabs-panel ui-share" style="background-image: linear-gradient(135deg, #A8E6CF 0%, #FFD3B6 77%);">
        <div class="ui-share-content" >
          <p>
          	<a href="https://lruihao.cn/about/" style="color: black;" target="_blank">李瑞豪</a><br>无人问津
          </p>
          <br><br><br>
          <!--menu-->
          <div class="aside-nav bounceInUp animated" id="aside-nav">
            <label for="" class="aside-menu" title="按住拖动">Cell</label>
              <a href="https://lruihao.cn" title="学习记录，个人技术等" class="menu-item menu-first" target="_blank">Blog</a>
              <a href="https://blog.csdn.net/qq_39520417" title="CSDN" class="menu-item menu-second" target="_blank">CSDN</a>
              <a href="https://weibo.com/liahao" title="看微博" class="menu-item menu-third" target="_blank">Weibo</a>
              <a href="https://github.com/Lruihao" title="github" class="menu-item menu-fourth" target="_blank">Github</a>
              <a href="https://wpa.qq.com/msgrd?v=3&uin=1074627678&site=qq&menu=yes" title="1074627678" class="menu-item menu-five" target="_blank">QQ</a>
              <a href="https://chat.daovoice.io/?id=8a6701dd" title="在线客服" class="menu-item menu-six" target="_blank">Online</a>
          </div>
        </div>
      </div>
      
      <div class="tabs-panel ui-share" style="background-image: linear-gradient(135deg, #A8E6CF 0%, #FFD3B6 77%);">
        <div class="ui-share-content" title="谢谢老板！">
        	<img src="images/wechatpay.gif" title="微信">&ensp;<img src="images/alipay.gif" title="支付宝">
        </div>
      </div>

      <div class="tabs-panel ui-share" style="background-image: linear-gradient(135deg, #A8E6CF 0%, #FFD3B6 77%);">
        <div class="ui-share-content">
          <p>
            <li> Alt+Z: 打开夜间模式</li><li> Alt+X: 关闭</li><li> Alt+↑: 增加亮度</li><li> Alt+↓: 降低亮度</li>
            <br>
          	waiting more...
          </p>
        </div>
      </div>
        
    </div>
    
  </div>
</div>	

<div class="footer" align="center">Copyright<span style="font-family: none;">&nbsp;&copy;&nbsp;</span>2018 LRH . All Right Reserved.<br />
  <img src="images/gov.png" align="top" /><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=43030402000254">湘公网安备 43030402000254号</a>&ensp;|&ensp;<a href="http://www.miitbeian.gov.cn" target="_blank">湘ICP备18020535号</a>
</div>

  <script src="https://ziyuan.lruihao.cn/js/index.js"></script>
  <script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    <!--console.log-->
  <script type="text/javascript">
    console.log("\n                                                                                \n ▄▄▄▄         ██                            ██     ▄▄                           \n ▀▀██         ▀▀                            ▀▀     ██                           \n   ██       ████      ██▄████  ██    ██   ████     ██▄████▄   ▄█████▄   ▄████▄  \n   ██         ██      ██▀      ██    ██     ██     ██▀   ██   ▀ ▄▄▄██  ██▀  ▀██ \n   ██         ██      ██       ██    ██     ██     ██    ██  ▄██▀▀▀██  ██    ██ \n   ██▄▄▄   ▄▄▄██▄▄▄   ██       ██▄▄▄███  ▄▄▄██▄▄▄  ██    ██  ██▄▄▄███  ▀██▄▄██▀ \n    ▀▀▀▀   ▀▀▀▀▀▀▀▀   ▀▀        ▀▀▀▀ ▀▀  ▀▀▀▀▀▀▀▀  ▀▀    ▀▀   ▀▀▀▀ ▀▀    ▀▀▀▀   \n\n                              https://www.lruihao.cn                          \n                                                                                \n\n您好！\n欢迎进入什么都不会的李瑞豪的个人静态小栈！\n我把更多的精力放在我的BLOG https://lruihao.cn\n也非常欢迎您来访问交流\n\n\n");
  </script>

  <script>
    function sakuraInit() {
        $(document).snowfall('clear');
        var userAgentInfo = navigator.userAgent;
        var Agents = ["Android", "iPhone",
                    "SymbianOS", "Windows Phone",
                    "iPad", "iPod"];
        var flag = true;
        for (var v = 0; v < Agents.length; v++) {
            if (userAgentInfo.indexOf(Agents[v]) > 0) {
                flag = false;
                break;
            }
        }
        if (flag) {
            $(document).snowfall({image:"images/1.png", flakeCount:5, minSpeed:1, minSize:10, maxSize:17,});
            $(document).snowfall({image:"images/2.png", flakeCount:5, minSpeed:1, minSize:10, maxSize:17,});
            $(document).snowfall({image:"images/3.png", flakeCount:5, minSpeed:1, minSize:10, maxSize:17,});
            $(document).snowfall({image:"images/4.png", flakeCount:5, minSpeed:1, minSize:10, maxSize:17,});
        } else {
            $(document).snowfall({image:"images/1.png", flakeCount:1, minSpeed:1, minSize:15, maxSize:22,});
            $(document).snowfall({image:"images/2.png", flakeCount:1, minSpeed:1, minSize:15, maxSize:22,});
            $(document).snowfall({image:"images/3.png", flakeCount:1, minSpeed:1, minSize:15, maxSize:22,});
            $(document).snowfall({image:"images/4.png", flakeCount:1, minSpeed:1, minSize:15, maxSize:22,});
        }
    }
    window.onload = sakuraInit();
  </script>

  <script type="text/javascript" src="games/js/crash_cheat.js"></script>
  <!--menu-->
  <script type="text/javascript" src="https://ziyuan.lruihao.cn/js/asidenav.js"></script>
  <!--input-->
  <script src="https://ziyuan.lruihao.cn/js/activate-power-mode.js"></script>
  <script>
  POWERMODE.colorful = true; // make power mode colorful
  POWERMODE.shake = false; // turn off shake
  document.body.addEventListener('input', POWERMODE);
  </script>
  <!--time-->
  <script>
    var now = new Date(); 
    function createtime() { 
        var grt= new Date("05/28/2018 20:01:01");
        now.setTime(now.getTime()+250); 
        days = (now - grt ) / 1000 / 60 / 60 / 24; dnum = Math.floor(days); 
        hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum); hnum = Math.floor(hours); 
        if(String(hnum).length ==1 ){hnum = "0" + hnum;} minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum); 
        mnum = Math.floor(minutes); if(String(mnum).length ==1 ){mnum = "0" + mnum;} 
        seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum); 
        snum = Math.round(seconds); if(String(snum).length ==1 ){snum = "0" + snum;} 
        document.getElementById("timeDate").innerHTML =dnum+" 天"; 
        document.getElementById("times").innerHTML = hnum + " 时" + mnum + " 分" + snum + " 秒"; 
    } 
  setInterval("createtime()",250);
  </script>
  <script>
    var brightness;
    //显示遮罩
    function cover(brightness) {
        if (typeof(div) == 'undefined') {
            div = document.createElement('div');
            div.setAttribute('style', 'position:fixed;top:0;left:0;outline:5000px solid;z-index:99999;');
            document.body.appendChild(div);
        } else {
            div.style.display = '';
        }
        div.style.outlineColor = 'rgba(0,0,0,' + brightness + ')';
    }
    //事件监听
    window.addEventListener('keydown', function(e) {
        if (e.altKey && e.keyCode == 90) {
            cover(brightness = 0.3);
        }
        if (e.altKey && e.keyCode == 88) {
            cover(brightness = 0);
        }
        if (e.altKey && e.keyCode == 38) {
            if (brightness - 0.05 > 0.05) cover(brightness -= 0.05);
        }
        if (e.altKey && e.keyCode == 40) {
            if (brightness + 0.05 < 0.95) cover(brightness += 0.05);
        }
    }, false);
  </script>
  <!--f94ee8d6f6404a1e8ae0cff6fd05f98e"-->
  <script id="ilt" src="https://player.lruihao.cn/player/js/player.js" key="2926f5bf57f7479f9309a644f8ce98bd"></script>

</body>
</html>